<demo>
Loading API
</demo>
<template>
  <div>
    <p class="loading-content">
      当点击按钮获得一些数据或响应时，我们应该提醒用户，这个操作正在进行，将花费一些时间。
    </p>
    <div class="loading_button">
      <Button loading>loading</Button>
      <Button>loaded</Button>
    </div>
  </div>
</template>

<script lang="ts">
import Button from "../lib/Button.vue";
export default {
  components: {
    Button,
  },
};
</script>
<style lang="scss">
.loading_button {
  display: flex;
}
.loading-content {
  margin: 16px 0;
}
</style>